<template>
  <q-scroll-area :visible="false" class="fit" :thumb-style="thumbStyleOfMenu">
    <div>
      <!-- 动态菜单 -->
      <q-list>
        <base-menu-item :my-router="menuList" :init-level="0" :bg-color="bgColor" :duration="300" :bg-color-level="1" />
      </q-list>

      <!-- 底部说明 -->
      <!-- <bottom-link/> -->
    </div>
  </q-scroll-area>
</template>

<script>
import { thumbStyleOfMenu } from '../BaseContent/ThumbStyle'
import BaseMenuItem from './BaseMenuItem'
// import BottomLink from './BottomLink'
export default {
  name: 'base-menu',
  components: { BaseMenuItem },
  data () {
    return {
      menuList: this.$store.getters.getRoutes[0].children,
      bgColor: 'bg-white',
      thumbStyleOfMenu
    }
  }
}
</script>
